<template>
  <div class="content-right">
    <p class="right s-fc3 first">
      <span class="sep span">网易公司版权所有©1997-2022</span>
      <span class="span">杭州乐读科技有限公司运营：</span>
      <a
        class="alink"
        href="https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/8282703158/452a/ca0c/3a10/caad83bc8ffaa850a9dc1613d74824fc.png"
        >浙网文[2021] 1186-054号</a
      >
    </p>
    <p class="right s-fc3 second">
      <a href="https://beian.miit.gov.cn/"
        >粤B2-20090191-18 工业和信息化部备案管理系统网站</a
      >
      <a
        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010902002564"
        class="police-link"
      >
        <span class="police-logo"></span>
        <span class="police-text">浙公网安备 33010902002564号</span>
      </a>
    </p>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  setup() {
    return {}
  }
})
</script>

<style scoped lang="less">
.content-right {
  font-size: 10px;
  transform: scale(0.8);
  color: #333;
}
.first {
  a {
    text-decoration: none;
    color: #333;
  }
}
.second {
  margin-top: 5px;
  a:first-child {
    text-decoration: none;
    color: #333;
  }
  a:nth-child(2) {
    text-decoration: none;
    color: #333;
    .police-logo {
      width: 14px;
      height: 14px;
      background: url('../../../assets/police.png');
      background-size: cover;
    }
    .police-text {
      font-size: 10px;
    }
  }
}
</style>
